<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>代理审批申请</title>
<meta name="viewport"
	content="width=device-width, initial-scale=1, maximum-scale=1">
<link rel="stylesheet" href="../../../css/bootstrap.min.css">
<link rel="stylesheet"
	href="../../../backend/javascript/laydate/need/laydate.css">
<link href="../../../css/main_pc.css" rel="stylesheet">
<link rel="stylesheet" href="css/main_teacher.css">
<script src="../../../js/jquery.min.js"></script>
<script src="../../../js/bootstrap.min.js"></script>
<script src="js/left-nav-height.js"></script>
<script src="/huaqiao/js/DateUtils.js"></script>
<script src="../../../backend/javascript/laydate/laydate.js"></script>
<script src="../../../backend/javascript/layer/layer.js"></script>
<script src="/huaqiao/front_end/pc/teacher/js/otherApply_pc_teacher.js"></script>
</head>
</head>
<body>
	<!--header-->
	<nav class="navbar navbar-default nav-main" role="navigation">
		<div class="container">
			<div class="navbar-header">
				<a class="navbar-brand" href="#"> <img class="fl"
					src="../../../images/img_logo_02.png" alt="logo"> <span
					class="fl logo-title">校园门禁系统</span>
				</a>
			</div>
			<div class="collapse navbar-collapse"
				id="bs-example-navbar-collapse-1">
				<ul class="nav navbar-nav navbar-right right-height">
					<li class=""><span>老师姓名：</span> <span id="teacher_name"></span>
					</li>
					<li class=""><span>班级：</span> <span id="teacher_class"></span>
					</li>
					<li>
						<button class="exit-btn">退出</button>
					</li>
				</ul>
			</div>
		</div>
	</nav>
	<!--#end header-->

	<article class="container">
		<h1></h1>
		<!--start content-->
		<form role="form" class="row">
			<!--start left-hurdle-->
			<div class="col-lg-3 col-md-3 col-sm-3 col-xs-3">
				<div class="t-left left-nav">
					<ul class="text-center">
						<li><a href="apply.approvePC_teacher.html">外出申请审批</a></li>
						<li><a href="record.outPC_teacher.html">学生刷卡记录</a></li>
						<li class="examine"><a href="#">其他审批</a></li>
					</ul>
				</div>
			</div>
			<!--#end left-hurdle-->

			<!--start right-hurdle-->
			<div class="col-lg-9 col-md-9 col-sm-9 col-xs-9 right-detail">
				<!-- 其他审批导航栏：代理审批申请|家长审批 -->
				<ul class="nav navBar">
					<li class="col-sm-6 text-center"
						style="border-bottom: 2px solid #2ca4ec;" id="type" value="0">
						<a href="#">代理审批申请</a>
					</li>
					<li class="col-sm-6 text-center"><a
						href="apply.approvePC_parent.html">家长审批</a></li>
				</ul>
				
				
				
				
				
				
				 <div class="btn-group col-md-6 select_group fr other-btn-group" id="select_group_1">
                <div class="btn-group" id="ins">
                    <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
                        全部学院
                        <span class="caret"></span>
                    </button>
                    <ul class="dropdown-menu" role="menu">
                        <li><a href="#">全部学院</a></li>
                    </ul>
                </div>
                <div class="btn-group" id="major">
                    <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
                        全部专业
                        <span class="caret"></span>
                    </button>
                    <ul class="dropdown-menu" role="menu">
                        <li><a href="#">全部专业</a></li>
                    </ul>
                </div>
                <div class="btn-group " id="class">
                    <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-expanded="true">
                        全部班级
                        <span class="caret"></span>
                    </button>
                    <ul class="dropdown-menu" role="menu">
                        <li><a href="#">全部专业</a></li>
                    </ul>
                </div>
                <div class="btn-group" id="grade">
                    <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
                        全部年级
                        <span class="caret"></span>
                    </button>
                    <ul class="dropdown-menu" role="menu">
                        <li><a href="#">全部年级</a></li>
                        <li><a href="#">大一</a></li>
                        <li><a href="#">大二</a></li>
                        <li><a href="#">大三</a></li>
                        <li><a href="#">大四</a></li>
                    </ul>
                </div>
            </div>
				
				
		<!-- 		<div class="btn-group col-sm-6 select_group fr other-btn-group" id="select_group_1">
					<div class="btn-group" id="ins">
						<button type="button" class="btn btn-default dropdown-toggle"
							data-toggle="dropdown">
							全部学院 <span class="caret"></span>
						</button>
						<ul class="dropdown-menu" role="menu">
							<li><a href="#">全部学院</a></li>
						</ul>
					</div>
					<div class="btn-group" id="major">
						<button type="button" class="btn btn-default dropdown-toggle"
							data-toggle="dropdown">
							全部专业 <span class="caret"></span>
						</button>
						<ul class="dropdown-menu" role="menu">
							<li><a href="#">全部专业</a></li>
						</ul>
					</div>
					<div class="btn-group " id="class">
						<button type="button" class="btn btn-default dropdown-toggle"
							data-toggle="dropdown" aria-expanded="true">
							全部班级 <span class="caret"></span>
						</button>
						<ul class="dropdown-menu" role="menu">
							<li><a href="#">全部专业</a></li>
						</ul>
					</div>
					<div class="btn-group" id="grade">
						<button type="button" class="btn btn-default dropdown-toggle"
							data-toggle="dropdown">
							全部年级 <span class="caret"></span>
						</button>
						<ul class="dropdown-menu" role="menu">
							<li><a href="#">全部年级</a></li>
							<li><a href="#">大一</a></li>
							<li><a href="#">大二</a></li>
							<li><a href="#">大三</a></li>
							<li><a href="#">大四</a></li>
						</ul>
					</div>
				</div> -->





				<!-- 全选：代理审批申请 -->
				<div class="allCheck">
					<img src="../../../images/img_xuanzhe_01.png" check_type=0>全选
				</div>


				<!-- 班级下拉列表框 -->
				<!--<div class="form-group classroom fr">-->
				<!--<label>班级：</label>-->
				<!--<select>-->
				<!--<option value="高三1班">高三1班</option>-->
				<!--<option value="高三2班">高三2班</option>-->
				<!--<option value="高三3班">高三3班</option>-->
				<!--<option value="高三4班">高三4班</option>-->
				<!--<option value="高三5班">高三5班</option>-->
				<!--<option value="高三6班">高三6班</option>-->
				<!--<option value="高三7班">高三7班</option>-->
				<!--</select>-->
				<!--</div>-->


				<!--start apply-list-->
				<div class="apply-item text-center">
					<div>
						<div class="checkBox fl">
							<img src="../../../images/img_xuanzhe_01.png" alt="">
						</div>
						<p>数应132班</p>
						<p>大明</p>
					</div>
					<div>
						<label>请假时长：</label>
						<p>2017-01-03 16:05</p>
						<p>至</p>
						<p>2017-01-03 16:05</p>
						<p class="state-ing">待批准</p>
					</div>
					<div>
						<label>请假原因：</label>
						<div class="reason">突然发高烧，需要到医院进行治疗，
							发挥对师傅if好贵还缴费收到货还都是返回德国合格库的份上 还vuififls会发的是</div>
					</div>
				</div>

				<div class="apply-item text-center">
					<div>
						<div class="checkBox fl">
							<img src="../../../images/img_xuanzhe_01.png" alt="">
						</div>
						<p>数应132班</p>
						<p>大明</p>
					</div>
					<div>
						<label>请假时长：</label>
						<p>2017-01-03 16:05</p>
						<p>至</p>
						<p>2017-01-03 16:05</p>
						<p class="state-already">已批准</p>
					</div>
					<div>
						<label>请假原因：</label>
						<div class="reason">突然发高烧，需要到医院进行治疗，
							发挥对师傅if好贵还缴费收到货还都是返回德国合格库的份上 还vuififls会发的是</div>
						<!-- 
                    <a href="apply.detailsPC_teacher.html">
                        <p class="to-detail">查看详情>> </p>
                    </a>
                     -->
					</div>
				</div>

				<div class="apply-item text-center">
					<div>
						<div class="checkBox fl">
							<img src="../../../images/img_xuanzhe_01.png" alt="">
						</div>
						<p>数应132班</p>
						<p>大明</p>
					</div>
					<div>
						<label>请假时长：</label>
						<p>2017-01-03 16:05</p>
						<p>至</p>
						<p>2017-01-03 16:05</p>
						<p class="state-already">已批准</p>
					</div>
					<div>
						<label>请假原因：</label>
						<div class="reason">突然发高烧，需要到医院进行治疗，
							发挥对师傅if好贵还缴费收到货还都是返回德国合格库的份上 还vuififls会发的是</div>
						<a href="apply.detailsPC_teacher.html">
							<p class="to-detail">查看详情>></p>
						</a>
					</div>
				</div>
				<!--#end apply-list-->

				<nav class="pagination-table col-sm-12 col-xs-12">
					<ul class="pager">
						<li class=""><a href="#">首页</a></li>
						<li class=""><a href="#">&laquo;</a></li>
						<li class="active"><a href="#">1 <span class="sr-only">(current)</span></a></li>
						<li><a href="#">2</a></li>
						<li><a href="#">3</a></li>
						<li><a href="#">4</a></li>
						<li><a href="#">5</a></li>
						<li><a href="#">&raquo;</a></li>
						<li class=""><a href="#">末页</a></li>
					</ul>
				</nav>

				<!--start button-->
				<div class="row">
					<!-- Button trigger modal -->
					<button type="button"
						class="btn btn-primary col-sm-3 col-sm-offset-2"
						data-toggle="modal" data-target="" id="sureBtn">批准</button>

					<!-- Modal -->
					<div class="modal fade" id="sureModal" tabindex="-1" role="dialog"
						aria-labelledby="sureLabel" aria-hidden="true">
						<div class="modal-dialog">
							<div class="modal-content">
								<div class="modal-header">
									<button type="button" class="close" data-dismiss="modal">
										<span aria-hidden="true">&times;</span><span class="sr-only">Close</span>
									</button>
									<h4 class="modal-title text-center" id="myModalLabel">批准成功</h4>
								</div>
								<div class="modal-body" id="modal-body">已批准成功！</div>
								<div class="modal-footer">
									<button type="button" class="btn btn-primary"
										data-dismiss="modal">确定</button>
								</div>
							</div>
						</div>
					</div>

					<!-- Button trigger modal -->
					<button type="button"
						class="btn btn-default col-sm-3 col-sm-offset-1"
						data-toggle="modal" data-target="" id="notSureBtn">不批准</button>

					<!-- Modal -->
					<div class="modal fade" id="notSureModal" tabindex="-1"
						role="dialog" aria-labelledby="notSureLabel" aria-hidden="true">
						<div class="modal-dialog">
							<div class="modal-content">
								<div class="modal-header">
									<button type="button" class="close" data-dismiss="modal">
										<span aria-hidden="true">&times;</span><span class="sr-only">Close</span>
									</button>
									<h4 class="modal-title" id="myModalLabel01">不批准</h4>
								</div>
								<div class="modal-body">
									<div class="form-group">
										<label>理由：</label>
										<textarea name="" id="caused" cols="77" rows="4"
											class="form-control"></textarea>
									</div>
								</div>
								<div class="modal-footer">
									<button type="button" class="btn btn-default"
										data-dismiss="modal">取消</button>
									<a href=""><button type="button" class="btn btn-primary"
											id="rejectBtn">反馈</button></a>
								</div>
							</div>
						</div>
					</div>
				</div>
				<!--#end button-->

			</div>
			<!--#end right-hurdle-->

		</form>
		<!--#end content-->
	</article>
	<!--#end article-->

	<footer class="container-fluid text-center">
		<div class="f-bottom">
			<p>©广东省华侨职业技术学校 粤ICP备 0508538号</p>
		</div>
	</footer>

</body>
</html>